<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!-- 引入Vue -->
    <script src="js/plugins/vue/dist/vue.js"></script>
    <!-- 引入Axios -->
    <script src="js/plugins/axios/dist/axios.js"></script>
    <!-- 配置Axios的基础路径(只要发送axios请求都会拼接上基础路径)和全局属性(在所有页面里面直接用$http) -->
    <script src="js/common.js"></script>

</head>
<body>
<div id="app"></div>

<!-- 挂载点 -->
<script type="text/javascript">
    new Vue({
        el: "#app",
        // 页面加载
        mounted() {
            var url = location.href;
            var code = param2JsonObj(url).code; // 获取地址栏上面的code

            this.$http.get("/login/wechat/" + code).then(res => {  // 发送微信登录请求
                // 判断用户是否登录成功
                if (res.data.success) { // 登录成功
                    // 提示
                    alert("登录成功!!!");
                    // 保存token和logininfo对象到localstorage
                    var token = res.data.resultObj.token;
                    var logininfo = res.data.resultObj.logininfo;
                    // 将保存后的token,logininfo对象放到localStorage中
                    localStorage.setItem("token",token); // 将token存入到localStorage
                    //  localStorage保存的数据是字符串,所以要将对象转成json格式的字符串
                    localStorage.setItem("logininfo",JSON.stringify(logininfo)); // 由于logininfo是一个对象,先将对象转成json字符串后在存入
                    // 登录成功跳转到首页
                    location.href = "/index.html";
                } else { // 没有绑定
                    // 跳转到绑定页面
                    var access_token = res.data.resultObj.access_token;
                    var openid = res.data.resultObj.openid;
                    location.href = "/binder.html?accessToken=" + access_token + "&openId=" + openid;
                }

                // 其他状况
            }).catch(res => {
                alert("网络繁忙,请稍后重试!!!")
            })

        }
    })


</script>
</body>
</html>